<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/mine.css">
		
		
		<link rel="stylesheet" href="./plugins/font-awesome-4.7.0/css/font-awesome.min.css">
			
		<script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
			 
		<title>个人中心</title>
		
		<script type="text/javascript">
			$(function(){
				//判断是否有登录  ？
				var info = localStorage.getItem("info"); //removeItem
				if(info==null){
					window.location.href="http://127.0.0.1:8848/Canteen/mine.html";
				}else{
					var info = JSON.parse(localStorage.getItem("info"));
					$("header p.user_name").text(info.name);
				}
			})
		</script>
	</head>
	<body>
		<div class="wrapper">
			
			<!-- header部分 -->
			<header>
				<div class="left">
					<img src="img/z1.jpg" alt=""/>
					<div>
						<p class="user_name"></p>
						<p class="vip">铂金VIP</p>
					</div>
				</div>
				<div class="right">
					<i class="fa fa-angle-right" aria-hidden="true"></i>
				</div>
			</header>
			
			
			<div class="container">
				<ul>
					<li>
						<a href="address.html">
							<i class="fa fa-location-arrow" style="color:#00D5BF;" aria-hidden="true"></i>
							收货地址
						</a>
						<i class="fa fa-angle-right" aria-hidden="true"></i>
					</li>
					<li>
						<a href="order.html">
							<i class="fa fa-reorder" style="color: #0097EF;" aria-hidden="true"></i>
							订单中心
						</a>
						<i class="fa fa-angle-right" aria-hidden="true"></i>
					</li>
					<li>
						<a href="help.html">
							<i class="fa fa-question-circle" style="color: #FFB3B9;" aria-hidden="true"></i>
							帮助中心
						</a>
						<i class="fa fa-angle-right" aria-hidden="true"></i>
					</li>
					
					<li>
						<a href="register.html">
							<i class="fa fa-reorder" style="color: #0097EF;" aria-hidden="true"></i>
							注册
						</a>
						<i class="fa fa-angle-right" aria-hidden="true"></i>
					</li>
					<li>
						<a href="login.html">
							<i class="fa fa-reorder" style="color: #0097EF;" aria-hidden="true"></i>
							登录
						</a>
						<i class="fa fa-angle-right" aria-hidden="true"></i>
					</li>
					<li>
						<a href="index.html">
							<i class="fa fa-question-circle" style="color: #FFB3B9;" aria-hidden="true"></i>
							退出
						</a>
						<i class="fa fa-angle-right" aria-hidden="true"></i>
					</li>
				</ul>
			</div>
			<div class="footer">
				<ul>
					<a href="index.html"><li><i class="fa fa-home"></i>首页</li></a>
					<a href="shop.html"><li><i class="fa fa-chrome"></i>店铺</li></a>
					<a href="order.html"><li><i class="fa fa-tasks"></i>订单</li></a>
					<a href="mine.html"><li><i class="fa fa-user-o"></i>我的</li></a>
				</ul>
			</div>
		</div>
	</body>
</html>
